#{set title:'Extranet' /}
#{if flash.error}
<div class="alert alert-error" align=center style="width:80%">
<a class=close data-dismiss="alert">x</a>
   <b> <p class="success">${flash.error}</p> </b>
</div> 
#{/if}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>EXTRANET</title> <!-- CSS -->
	<link href="/public/stylesheets/geral.css" rel="stylesheet" type="text/css">
		<link href="/public/stylesheets/reset.css" rel="stylesheet" type="text/css">
			<link href="/public/stylesheets/structure.css" rel="stylesheet" type="text/css">
</head>

<body style="background: #f1f5f7;">
	<div id="pagina">
		<div id="topo">
			<div class="center">
				<div class="topo-links">
					<ul class="ul">
						<li class="first">&nbsp;</li>
					</ul>
				</div>
				<br clear="all">
			</div>
			<div id="menu">
				<div class="center" align="center">
					<img src="/public/images/tt-bemvindo.png" alt="">
				</div>
			</div>
		</div>
		<div id="corpo">
			<div class="center" style="width: 943px;">
				<form action="@{Application.validarLogin()}" accept-charset="${_response_encoding}"
					class="box login">
					<fieldset class="boxBody">
						<label>Usu&aacute;rio</label> <input type="text" name="username" tabindex="1" required
							placeholder="usuario" /><label><a href="#" class="rLink" tabindex="5">Esqueci a
								senha ?</a>Senha</label> <input type="password" name="password" tabindex="2" required
							placeholder="senha" />
					</fieldset>
					<footer> <label><input type="checkbox" tabindex="3">Lembrar-me</label> 
					<input type="submit" class="btnLogin" value="Login" tabindex="4"></footer>
				</form>
			</div>
		</div>
		<div id="rodape" style="bottom: 0; position: absolute; height: 20px; width: 100%;">
			<div class="center">
				<div class="rodape-copyright">© 2012 IFRN</div>
			</div>
		</div>

		<div id="fancybox-tmp"></div>
		<div id="fancybox-loading">
			<div></div>
		</div>
		<div id="fancybox-overlay"></div>
		<div id="fancybox-wrap">
			<div id="fancybox-outer">
				<div class="fancy-bg" id="fancy-bg-n"></div>
				<div class="fancy-bg" id="fancy-bg-ne"></div>
				<div class="fancy-bg" id="fancy-bg-e"></div>
				<div class="fancy-bg" id="fancy-bg-se"></div>
				<div class="fancy-bg" id="fancy-bg-s"></div>
				<div class="fancy-bg" id="fancy-bg-sw"></div>
				<div class="fancy-bg" id="fancy-bg-w"></div>
				<div class="fancy-bg" id="fancy-bg-nw"></div>
				<div id="fancybox-inner"></div>
				<a id="fancybox-close"></a><a href="javascript:;" id="fancybox-left"><span class="fancy-ico"
					id="fancybox-left-ico"></span></a><a href="javascript:;" id="fancybox-right"><span
					class="fancy-ico" id="fancybox-right-ico"></span></a>
			</div>
		</div>
</body>
</html>

